<template>
	<view class="user-chat__bottom u-f-ac">
		<input type="text" placeholder="文明发言" v-model="text" />
		<text class="icon iconfont icon-fabu" @tap="submit"></text>
	</view>
</template>

<script setup>
	import {ref} from 'vue';
	const text = ref("");
	
	const emits = defineEmits(["submit"])
	function submit(e){
		emits("submit",text.value)
	}
	
	
	
</script>

<style scoped lang="scss">
.user-chat__bottom {
			position: fixed;
			padding: 0 20upx;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100upx;
			background-color: #fff;
			border-top: 1upx solid #eee;
			>input {
				flex: 1;
				background-color: #fef;
				padding: 10upx 0;
				margin-right: 30upx;
				text-indent: 10upx;
				border-radius: 10upx;
			}
			>text {
				font-size: 60upx;
				padding: 10upx 30upx;
			}
		}
</style>
